<template>
  <button
      class="font-medium py-2 px-6 rounded-full transition-all duration-200 shadow-md hover:shadow-lg transform hover:-translate-y-1"
      :class="[
      type === 'primary' ? 'bg-yellow-500 hover:bg-yellow-600 text-white' : '',
      type === 'secondary' ? 'bg-gray-700 hover:bg-gray-800 text-white' : '',
      size === 'small' ? 'py-1 px-4 text-sm' : ''
    ]"
      @click="$emit('click')"
  >
    <slot></slot>
  </button>
</template>

<script setup>
defineProps({
  type: {
    type: String,
    default: 'secondary' // 默认次要按钮
  },
  size: {
    type: String,
    default: 'default'
  }
});
</script>